@charset "utf-8";

@font-face{
     font-family: '阿里巴巴普惠体'; 
     src:url('../font/Alibaba-PuHuiTi-Regular.otf'),
		url('../font/Alibaba-PuHuiTi-Heavy.otf'),
		url('../font/Alibaba-PuHuiTi-Light.otf'),
		url('../font/Alibaba-PuHuiTi-Bold.otf'),
		url('../font/Alibaba-PuHuiTi-Medium.otf');
}
/* html中的代码中加一个h1或者其他的，里面写你自己想要的特殊文字 */



/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,"微软雅黑";font-size:625%;color: #333;}
body {max-width:640px;margin:auto;font-size:.18rem;background:#fff;}
p,input,textarea {font-size:inherit;}
a{color:inherit;text-decoration: none;outline-style: none; border:none;}
ul,ol,li{list-style:none;}
img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* public */
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}

.main{max-width:5.8rem;margin:0 auto;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
.col-1{width:100%;float:left;display:inline-block;}
.col-2{width:50%;float:left;display:inline-block;}
.col-3{width:33.33%;float:left;display:inline-block;}
.col-4{width:25%;float:left;display:inline-block;}





.sidebar-wrapper {position:relative; height:100%; overflow: auto; font-size:.2rem;display:none;background-color: rgba(255,255,255,1);}
#dowebok {background-color:rgba(0,0,0,.8);}
#dowebok .nav {margin-top:0.5rem; line-height:0.6rem;list-style-type:none;}
#dowebok .nav a {display:block;color: #fff;text-decoration:none;}
[data-simplersidebar='active']{box-shadow: 3px 0px 3px 0px rgba(2, 0, 0, 0.5);}
#dowebok ul.nav li{
	border-bottom:1px solid rgba(255,255,255,0.5);
	border-right: 0px;
	border-left: 0px;
	padding-left:.15rem;
	background-size:.1rem .16rem;
	background-color: #0a2758;
}
#dowebok .nav .des{
	color: #FFFFFF;
	background-color: #0a2758;
	padding-left: 0.2rem;
}
#dowebok .nav .des .sec{
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

.header{width: 100%;height: .96rem;background: #000000;position: relative;}
.header>.main{z-index: 999;}
.sidebar-wrapper{position:relative;overflow: auto;display:none;height: 100%; width: 100%;height: 100%;}
.sidebar .menu_nav{font-size: .18rem;background: #fff;left: 0;top: 0;}
.sidebar .menu_nav .hd{ background-color:#0a2758;color: #FFFFFF;  background-size:.18rem;cursor: pointer;position: relative;height: .6rem;line-height: .6rem;border-bottom: 1px solid #dcdcdc;text-indent: .15rem;}
.sidebar .menu_nav .hd.en::after{
	content: '>';
	float: right;
	margin-right: 0.15rem;
	font-family: '宋体';
	display: inline-block;
}
.sidebar .menu_nav .bd{display: none; font-size: 0.16rem;background-color: #0a2758;}
.sidebar .menu_nav .bd li{text-indent: .45rem; margin-left: 0.15rem;position: relative;height: .6rem;line-height: .6rem; border-bottom: 1px solid #dcdcdc;color: #color: #FFFFFF; ;}
.sidebar .menu_nav a{display: block; color: #FFFFFF; }

.header h1{width: 1.7rem;height: .96rem;margin: 0 auto; background: url('../images/logo01.png') no-repeat center;background-size:1.70rem 0.45rem;}
.header h1 a{display: block;height: .96rem;color: #000;font-size: .22rem;line-height:.96rem;}
.header .menu{width:.47rem;height:.96rem;line-height:.96rem;float:left;background:url('../images/menu.png') no-repeat center;cursor: pointer;background-size:.38rem;}
.header .lang{float: right;line-height: .96rem;margin-right: 0.3rem;font-size: 0.35rem;color: #888888;}
.header .search{
	background: url('../images/search.png') no-repeat center;
	background-size: 0.32rem 0.32rem;
	width: 0.32rem;
	height: 0.96rem;
	line-height: .96rem;
	float: right;
}


.footer{background-color: #f4f4f4;margin-top: 0.25rem;padding-bottom: 0.45rem;border-left: 0;border-right: 0;}
.footer .main:before{display: table;content: '';}
.footer ul{margin-top: 0.6rem;}
.footer ul li>p:after{content: '+';float: right;display: inline-block;}
.footer ul li.on>p:after{content: '-';}
.footer ul li{border-top: 1px solid #c9c9c9;padding: 0.25rem 0;}
.footer ul li div{display: none;margin-top: 0.5rem;}
.footer ul li div p{margin-left: 0.15rem;height: 0.5rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;vertical-align: bottom;box-sizing: border-box;}
.footer ul li div p a{vertical-align: bottom;display: block;width: 100%;}
.footer ul li:last-of-type{border-bottom: 1px solid #c9c9c9;}
.footer .icon{margin: 1.08rem 0 0.5rem;}
.footer .icon .img_box{width: 0.45rem;height: 0.45rem;}
.footer .icon .img_box+.img_box{padding-left: 0.37rem;}
.footer .bshare-custom{margin: 1.08rem 0 0.5rem;}
.footer .bshare-custom.icon-medium-plus>a{
	padding-left: .45rem;
	/* -webkit-background-size: .45rem .45rem; */
	/* background-size: .45rem .45rem; */
	/* background-position: 0 0; */
	height: .34rem;
}


.mune{ 
	background-color: #f4f4f4;
	/* margin-top: 0.25rem; */
	padding-bottom: 0.45rem;
	position: absolute;
	border-left: 0;
	top: ;
	display: none;
	height: 100vh;
	z-index: 50;
	width: 100vw;
	border-right: 0;
}
.mune .main:before{display: table;content: '';}
.mune ul{margin-top: 0.6rem;}
.mune ul li>p{ font-family: '阿里巴巴普惠体';font-size: 0.24rem;}
.mune ul li>p:after{content: '+';float: right;display: inline-block;}
.mune ul li.on>p:after{content: '-';}
.mune ul li{border-top: 1px solid #c9c9c9;padding: 0.25rem 0;}
.mune ul li div{display: none;margin-top: 0.5rem;}
.mune ul li div p{margin-left: 0.27rem;height: 0.5rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;vertical-align: bottom;box-sizing: border-box; line-height: 100%; }
.mune ul li div p a{vertical-align: bottom;display: block;width: 100%;font-size: 0.2rem;color: #666666;}
.mune ul li:last-of-type{border-bottom: 1px solid #c9c9c9;}
.mune .icon{margin: 1.08rem 0 0.5rem;}
.mune .icon .img_box{width: 0.45rem;height: 0.45rem;}
.mune .icon .img_box+.img_box{padding-left: 0.37rem;}



/* 轮播图 */
.banner .img_box{
	width: 6.4rem;
	height: 4rem;
}
.banner .img_box img{
	width: 100%;
	height: 100%;
}
.banner .swiper-pagination-bullet {
	background-color: #313131;
	width: .3rem;
	height: .04rem;
	display: inline-block;
	opacity: 1;
	border-radius: 0;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	outline: none;
	margin: 0 .05rem;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: rgba(0,0,0,0);
	width: .26rem;
	height: .03rem;
	border: 0.02rem solid #313131;
	margin: 0;
}

.banner.t1{
	margin-top: 0.2rem;
}
.banner.t1 .swiper-pagination-bullet {
	background-color: #FFFFFF;
	width: .3rem;
	height: .04rem;
	display: inline-block;
	border-radius: 0;
}
.banner.t1 .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: rgba(0,0,0,0);
	border: 0.02rem solid #FFFFFF;
	margin: 0;
}



 
.newsv .newsv_box .htit{
    padding: 0.3rem 0;
	text-align: center;
}
.newsv .newsv_box .htit.case{
	text-align: left;
}
.newsv .newsv_box .htit h2{
	font-size: 0.2rem;
	color: #333;
	font-weight: bold;
	padding: 0.05rem 0;
	text-indent: .03rem;
	letter-spacing: 0.03rem;
}
.newsv .newsv_box .text_box p{
	font-size: 0.2rem;
	line-height: 0.36rem;
	color: #333333;
	margin-bottom: 0.5rem;
}
.newsv .newsv_box .text_box{
    font-size: 0.16rem;
    color: #333;
    line-height: 0.28rem;
    padding-bottom: 0.3rem;
}
.newsv .newsv_box .text_box .effect{
	font-size: 0.2rem;
	line-height: 0.36rem;
}
.newsv .newsv_box .text_box .effect h3{
	font-size: 0.2rem;
}
.newsv .newsv_box .text_box .effect h4{
	margin-top: 0.45rem;
	margin-bottom: 0.25rem;
}
.newsv_box p.next {
    line-height: 0.5rem;
}
.newsv_box p.next a {
    display: inline-block;
	font-size: 0.2rem;
	text-align: center;
	border-radius: 0.25rem;
	line-height: 0.66rem;
	margin: 0 auto;
	background-color: #000000;
	width: 2.45rem;
	height: 0.66rem;
	color: #FFFFFF;
	margin-top: 0.66rem;
	margin-bottom: 0.7rem;
	margin-left: 0.33rem;
	font-family: '宋体';
}
.newsv_box p.next a:nth-of-type(2){
	float: right;
	margin-right: 0.33rem;
	margin-left: 0;
}


/* 旧代码 */










/* 新代码 */
.pro{
	position: relative;
	background-position: center;
	background-size: cover;
	width: 100%;
	margin-top: 0.2rem;
	height: 8.15rem;
	font-family: '阿里巴巴普惠体'; 
}
.pro.t1{
	position: absolute;
	top: 0;
	z-index: 50;
	margin-top: 0;
	color: #FFFFFF;
}
.pro.t1 .text_box{
	display: none;
}
.pro.t1 .text_box h2{
	margin-top: 1.15rem;
}
.pro.t1 .text_box p{
	font-size: 0.26rem;
	margin-bottom: 0.8rem;
	line-height: 0.26rem;
}
.pro .text_box{
	position: absolute;
	width: 100%;
	text-align: center;
}
.pro .text_box h2{
	margin-top: 1.2rem;
	font-size: 0.45rem;
	line-height: 0.45rem;
	font-weight: bold;
	text-indent: 0.1rem;
	letter-spacing: 0.1rem;
	margin-bottom: 0.25rem;
}
.pro .text_box p{
	color: #545454;
	font-size: 0.24rem;
	line-height: 0.24rem;
	text-indent: 0.05rem;
	letter-spacing: 0.05rem;
	margin-bottom: 0.66rem;
}
.pro .text_box>a{
	color: #333333;
	padding: 0.18rem 0.47rem;
	font-size: 0.22rem;
	border-radius: 0.25rem;
	border: 1px solid #d5d5d5;
	font-family: '宋体';
}
.pro.t1 .text_box>p{
	color: #FFFFFF;
}
.banner.t1 .pro .text_box a {
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.isearch{
	background-color: #f2f2f2;
	color: #888888;
	font-size: 0.2rem;
	margin: 0 0.4rem;
	line-height: 0.36rem;
}
.isearch .main{
	position: relative;
}

.isearch form{
	margin-top: 1.7rem;
	margin-bottom: 0.7rem;
}
.isearch input::placeholder{
	color: #333333;
}
.isearch input[type="text"]{
	width: 100%;
	font-size: 0.2rem;
	line-height: 0.6rem;
	border-bottom: 1px solid #c9c9c9;
	border-left: 0;
	background-color: #f2f2f2;
	border-right: 0;
	border-top: 0;
	outline: none;
}
.isearch input[type="submit"]{
	position: absolute;
	background-color: #f2f2f2;
	right: 0;
	width: 0.6rem;
	height: 0.6rem;
	outline: none;
	background-image: url('../images/big.png');
	background-color: rgba(0,0,0,0);
	background-size: 0.28rem 0.28rem;
	background-repeat: no-repeat;
	background-position: center;
	border: 0;
}
.isearch a{
	margin-right: 0.3rem;
	display: block;
	float: left;
}


.bg{
	background-color: #f2f2f2;
	position: fixed;
	top: 0;
	max-width: 6.4rem;
	width: 100%;
	height: 100vh;
	z-index: -1;
}

.ab{
	margin-top: 1rem;
}
.ab h2{
	font-size: 0.3rem;
	line-height: 0.3rem;
	font-family: '阿里巴巴普惠体';
	font-weight: bold;
	text-indent: 0.01rem;
	letter-spacing: 0.01rem;
}
.ab i{
	width: 0.75rem;
	height: 0.02rem;
	margin-top: 0.28rem;
	margin-bottom: 0.7rem;
	display: block;
	background-color: #000000;
}
.ab .jianjie p{
	font-size: 0.2rem;
	line-height: 0.4rem;
	margin-bottom: 0.5rem;
}
.ab .jianjie>.img_box{
	width: 100%;
	height: 3.4rem;
}
.ab .text_list .text_box{
	border-bottom: 1px solid #d2d2d2;
	
}
.ab .text_list .text_box h3{
	margin-top: 0.35rem;
	font-size: 0.3rem;
	line-height: 0.48rem;
	font-family: '阿里巴巴普惠体';
}
.ab .text_list .text_box p{
	line-height: 0.48rem;
	margin-bottom: 0.4rem;
}


.ab .inews_box{
	margin-bottom: 0.34rem;
}
.ab .inews_box .img_box{
	width: 5.8rem;
	height: 3.4rem;
}
.ab .inews_box .text_box h3{
	margin-top: 0.58rem;
	font-family: '阿里巴巴普惠体';
	font-size: 0.24rem;
	line-height: 0.24rem;
	font-weight: 500;
	margin-bottom: 0.35rem;
	color: #333333;
	text-indent: 0.01rem;
	letter-spacing: 0.01rem;
}
.ab .inews_box .text_box p{
	font-size: 0.2rem;
	line-height: 0.36rem;
	text-indent: 0.01rem;
	letter-spacing: 0.01rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.ab a.more{
	font-size: 0.2rem;
	text-align: center;
	display: block;
	border-radius: 0.25rem;
	line-height: 0.66rem;
	margin: 0.7rem auto;
	background-color: #000000;
	width: 2.54rem;
	height: 0.66rem;
	color: #FFFFFF;
}
.ab a.more:after{
	display: inline-block;
	content: '>';
	font-family: '宋体';
	margin-left: 0.24rem;
}

.ab .ditu .text_box{
	margin-top: 0.6rem;
}
.ab .ditu .text_box p{
	font-size: 0.2rem;
	line-height: 0.4rem;
}


.ab .message input{
	border-right: 0;
	border-left: 0;
	border-top: 0;
	width: 100%;
	border-bottom: 0.02rem solid #1b1b1b;
	line-height: 0.48rem;
	margin-bottom: 0.4rem;
	outline: none;
	font-size: 0.2rem;
}
.ab .message input::placeholder{
	font-size: 0.2rem;
	font-family: '微软雅黑';
	color: #333333;
}
.ab .message textarea{
	border: 0;
	outline: none;
	resize: none;
	height: 1.6rem;
	width: 100%;
	display: block;
	border-bottom: 0.02rem solid #1b1b1b;
	font-size: 0.3rem;
}
.ab .message textarea::placeholder{
	font-size: 0.15rem;
	color: #333333;
	font-family: '微软雅黑';
	
	
}
.ab .message button{
	font-size: 0.2rem;
	text-align: center;
	display: block;
	border-radius: 0.25rem;
	line-height: 0.66rem;
	margin: 0 auto;
	background-color: #000000;
	width: 2.45rem;
	height: 0.66rem;
	cursor: pointer;
	color: #FFFFFF;
	margin-top: 0.66rem;
	margin-bottom: 0.7rem;
}

.ab .ipro_box .img_box{
	height: 3.25rem;
	width: 5.8rem;
	padding-bottom: 0.4rem;
}
.ab .ipro_box.eq .img_box{
	padding-bottom: 0.1rem;
}
.ab .ipro_box p{
	/* margin-top: 0.4rem; */
	font-size: 0.2rem;
	line-height: 0.36rem;
}
.ab .ipro_box h3{
	font-size: 0.2rem;
	margin-bottom: 0.35rem;
	font-family: '阿里巴巴普惠体';
}
.ab .ipro_box button{
	font-size: 0.2rem;
	text-align: center;
	display: block;
	border-radius: 0.25rem;
	outline: none;
	line-height: 0.66rem;
	margin: 0 auto;
	background-color: #000000;
	width: 2.45rem;
	height: 0.66rem;
	cursor: pointer;
	color: #FFFFFF;
	margin-top: 0.66rem;
	margin-bottom: 0.7rem;
}
.ab form{
	margin-top: 0.5rem;
}
.ab select{
	width: 100%;
	font-size: 0.2rem;
	height: 0.66rem;
	border-radius: 0.25rem;
	padding-left: 0.3rem;
	border: 1px solid #bfbfbf;
	outline: none;
	margin-bottom: 0.22rem;
}
.ab .select{
	width: 100%;
	position: relative;
}
.ab .select input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-size: 0.2rem;
	height: 0.66rem;
	border-radius: 0.25rem;
	padding-left: 0.3rem;
	border: 1px solid #bfbfbf;
	outline: none;
	margin-bottom: 0.22rem;
}
.ab .tri{
	position: absolute;
	top: 0.3rem;
	right: 0.3rem;
	height: 0;
	width: 0;
	border-top: 0.12rem solid #000000;
	border-right: 0.07rem solid rgba(0,0,0,0);
	border-left: 0.07rem solid rgba(0,0,0,0);
	border-bottom: 0;
	
}

.ab .select input::input-placeholder{
	color: #333333;
}




.ab button{
	font-size: 0.2rem;
	text-align: center;
	cursor: pointer;
	display: block;
	border-radius: 0.25rem;
	outline: none;
	line-height: 0.66rem;
	margin: 0 auto;
	background-color: #000000;
	width: 2.45rem;
	height: 0.66rem;
	color: #FFFFFF;
	font-family: '宋体';
	border: 0;
	margin-top: 0.34rem;
	margin-bottom: 0.7rem;
}

.ab .video_list .video_box h3{
	font-size: 0.24rem;
	margin: 0.51rem 0 0.93rem;
	font-family: '阿里巴巴普惠体';
}
.ab.money{
	text-align: center;
}
.ab.money h2{
	font-size: 0.4rem;
	text-indent: 0.01rem;
	letter-spacing: 0.01rem;
	font-weight: bold;
}
.ab.money p{
	font-size: 0.24rem;
	color: #545454;
	margin-top: 0.3rem;
	text-indent: 0.01rem;
	letter-spacing: 0.01rem;
}

/* pro */
.ab .ppro ul:first-of-type li{
	border-top: 1px solid #d2d2d2;
}
.ab .ppro ul li:first-of-type{
	border-left: 1px solid #d2d2d2;
}
.ab .ppro ul:nth-of-type(even) li{
	background-color: #f5f5f5;

}
.ab .ppro ul li{
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	font-size: 0.2rem;
	height: 1.1rem;
	width: 33.3%;
	text-align: center;
	line-height: 1.1rem;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ab .ppro ul li .img_box{
	width: 2rem;
	height: 1.1rem;
}

/* 售后 */
.slae{
	margin-top: 1.3rem;
}
.slae h2{
	text-align: center;
	font-family: '阿里巴巴普惠体';
	font-size: 0.4rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
.slae p{
	font-size: 0.2rem;
	line-height: 0.36rem;
	color: #545454;
}
.slae form{
	font-family: '阿里巴巴普惠体';
	font-size: 0.24rem;
	font-weight: bold;
	margin-top: 0.8rem;
}
.slae form div{
	clear: both;
	line-height: 0.66rem;
}
.slae form input{
	margin-bottom: 0.28rem;
	float: right;
	width: 4.8rem;
	border-radius: 0.25rem;
	padding-left: 0.28rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #bfbfbf;
	outline: none;
	height: 0.66rem;
}

.slae button{
	font-size: 0.2rem;
	border: 0;
	text-align: center;
	outline: none;
	display: block;
	border-radius: 0.25rem;
	line-height: 0.66rem;
	margin: 0 auto;
	background-color: #000000;
	width: 2.45rem;
	height: 0.66rem;
	color: #FFFFFF;
	margin-top: 0.66rem;
	margin-bottom: 0.7rem;
}
.slae .msg_tit{
	font-size: 0.24rem;
	text-indent: 0.01rem;
	letter-spacing: 0.01rem;
	margin-bottom: 0.5rem;
}
.slae .msg,
.slae .msg p{
	color: #333333;
}
.slae .msg ul:first-of-type li{
	border-top: 1px solid #d2d2d2;
}
.slae .msg ul li:first-of-type{
	border-left: 1px solid #d2d2d2;
}
.slae .msg ul:nth-of-type(even) li{
	background-color: #f5f5f5;
}
.slae .msg ul:last-child li{
	width: 100%;
	height: auto;
	padding-bottom: 0.3rem;
	background-color: #FFFFFF;
}
.slae .msg ul li{
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	font-size: 0.2rem;
	height: .62rem;
	width: 50%;
	line-height: .62rem;
	float: left;
	padding-left: 0.25rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	font-size: 0.2rem;
	text-indent: 0.01rem;
	letter-spacing: 0.01rem;
}
.slae .msg ul li .img_box{
	width: 2rem;
	height: 1.1rem;
}
.slae .msg ul li p{
	font-size: 0.2rem;
	line-height: 0.36rem;
}
.slae .msg ul li p:first-of-type{
	margin: 0.2rem 0;
}

